<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
<!--DOM结构-->
<div id="infoContainer" class="notitle">
    <div class="form">
        <div class="tip title">请留下您的个人信息</div>
        <input type="hidden" id="res"/>
        <div class="takePhoDiv">请与促销员合影&emsp;<i class="icon iconfont imgPlace"
                                                style="width:150px;height:150px;background-color:red" id="imgPlace">
            &#xe606;</i>
            <img id="smallImg" src="" alt="" style="display: none;width:200px;height:200px"/></div>
    </div>
</div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=e9ICdBVcGY1GQqIQ8QwmhVKDMKwMyMzq"></script>
<script>
    //    alert(location.href.split('#')[0])
    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */
    $(function () {
        $.get("getJsApiConfigParams.json?url=" + location.href.split('#')[0], function (params) {
            if(params && params["appId"]){
                wx.config({
                    debug: false,
                    appId: params["appId"],
                    timestamp: params["timestamp"],
                    nonceStr: params["nonceStr"],
                    signature: params["signature"],
                    jsApiList: [
                        'checkJsApi',
                        'onMenuShareTimeline',
                        'onMenuShareAppMessage',
                        'onMenuShareQQ',
                        'onMenuShareWeibo',
                        'scanQRCode',
                        'chooseImage',
                        'uploadImage'
                    ]
                });
            }
        });
    })

</script>
<script type="text/javascript">
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath = window.document.location.href;
    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
    var pathName = window.document.location.pathname;
    //21
    var pos = curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8083
    var localhostPaht = curWwwPath.substring(0, pos);


    wx.ready(function () {
        $('.imgPlace').click(function () {
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                success: function (res) {
                    $.each(res.localIds, function (i, n) {
//                        alert(n);
                        $("#smallImg").attr("src", n);
                        $("#smallImg").show();
                        $('#imgPlace').hide();
                        //获取图片流
                        wx.uploadImage({
                            localId: n,
                            isShowProgressTips: 1, // 默认为1，显示进度提示
                            success: function (res) {
                                $('#res').val(res.serverId);
                            }
                        });
                    });
                }
            });
        });

        //获取地理位置
        wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
            success: function (res) {
                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                var speed = res.speed; // 速度，以米/每秒计
                var accuracy = res.accuracy; // 位置精度
/*                alert("纬度:" + latitude);
                alert("经度:" + longitude);*/

                //通过百度地图获取地理位置
                var point = new BMap.Point(longitude,latitude);
                var geoc = new BMap.Geocoder();
                geoc.getLocation(point, function(rs){
                    var addComp = rs.addressComponents;
                    alert(addComp.province + "-" + addComp.city + "-" + addComp.district + "-" + addComp.street + "-" + addComp.streetNumber);
                });
            },
            cancel: function (res) {
                alert('用户拒绝授权获取地理位置');
            }
        });
    });
</script>
</body>

</html>